<script>
import { defineComponent, h } from "vue";
import { useThemeData, useThemeLocaleData, } from "@theme-hope/composables/index";
import { PrintIcon } from "@theme-hope/modules/info/components/icons";
export default defineComponent({
  name: "PrintButton",
  setup() {
    const themeData = useThemeData();
    const themeLocale = useThemeLocaleData();
    return () => themeData.value.print === false
        ? null
        : h("button", {
          type: "button",
          class: "print-button",
          title: themeLocale.value.metaLocales.print,
          onClick: () => {
            window.print();
          },
        }, h("span", {innerHTML: "🖨️", style: "    position: relative; top: -3px;"}));
  },
});
//# sourceMappingURL=PrintButton.js.map
</script>
<style lang="scss" scoped>
@use "vuepress-shared/styles/reset";

.print-button {
  @include reset.button;
  box-sizing: content-box;

  width: 1rem;
  height: 1rem;
  padding: 0.5rem;
  border-radius: 0.25em;

  color: inherit;

  font-size: 1rem;

  transform: translateY(0.25rem);

  @media print {
  display: none;
}
}

</style>
